<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!--
        DOM简单学习:
        功能:控制html文档的内容
        获取页面标签(元素)对象:Element
                           document.getElementById("id值")
        操作Element对象:
           1.修改属性值
              1.明确获取的对象是哪一个
              2.查看API文档,找其中有哪些属性可以设置
           2.修改标签体内容:
              属性: innerHTML
              步骤: 1.获取元素对象
                   2.使用innerHTML属性修改标签体内容
        -->

        <img id="light" src="">
        <h1 id="title">悔创阿里杰克马</h1>

        <script>
            //1.修改属性值
            //通过id获取元素对象
            var light = document.getElementById("light");
            alert("我要换图片啦...")
            light.src = "";

            //2.修改标签体内容
            //通过id获取元素对象
            var title = document.getElementById("title");
            //使用innerHTML属性修改标签体内容
            title.innerHTML = "不识妻美刘强东"


        </script>


    </body>
</html>